<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>会议管理</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/layui/css/layui.css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/style/admin.css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/style/style.css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/fonts/iconfont.css"
      media="all"
    />
    <style>
      .layui-tab-title .layui-this:after {
        border: none;
      }
      .layui-tab-title {
        border: none;
      }
      .layui-tab-title li {
        width: 164px;
        height: 41px;
        line-height: 43px;
        border: 1px solid #334d80;
        border-radius: 22px;
        padding: 0;
      }
      .layui-tab-title .layui-this {
        background-color: #334d80;
        color: #fff;
      }
      .iconfont {
        font-size: 20px;
        margin-right: 10px;
      }
      .opearBtn {
        width: 90px;
        height: 42px;
        background: #e7efff;
        border: 1px solid #334d80;
        box-shadow: 1px 1px 2px 0px rgba(51, 77, 128, 0.54);
        border-radius: 10px;
        color: #334d80;
        position: relative;
      }
      /* .layui-btn:hover {
        color: #334d80;
      } */
      .layui-table-tool-panel {
        top: 48px;
      }
      .changeTimeBox {
        width: 469px;
        padding-left: 10px;
        margin: 0 10px;
        height: 42px;
        background: #ffffff;
        border: 1px solid #334d80;
        box-shadow: 1px 1px 2px 0px rgba(51, 77, 128, 0.54);
        border-radius: 10px;
        display: inline-block;
        vertical-align: middle;
      }
      .meetingBox {
        width: 260px;
        height: 42px;
        border: 1px solid #334d80;
        box-shadow: 1px 1px 2px 0px rgba(51, 77, 128, 0.54);
        border-radius: 10px;
        display: inline-block;
        background: #ffffff;
        padding-left: 10px;
      }
      .changeTimeBox input,
      .meetingBox input {
        border: none;
        outline: none;
      }
      .layui-table-tool-temp {
        padding-right: 0;
      }
      .layui-table-total {
        display: none;
      }
      .layui-dateIcon {
        width: 19px;
        height: 19px;
        vertical-align: middle;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 9px;
      }
      .startTimeItem {
        position: relative;
        float: left;
      }
      .topMenu {
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        display: flex;
        flex-direction: row;
      }
      .contBox {
        width: 100%;
        height: calc(100%-5rem);
        background: red;
      }

      .leftMenu {
        width: 4rem;
        height: 2rem;
        line-height: 2rem;
        background: #c0c0c0;
        color: #fff;
        margin-right: 1rem;
        text-align: center;
      }

      .rightMenu {
        width: 4rem;
        height: 2rem;
        line-height: 2rem;
        background: #ccc;
        color: #fff;
        margin-right: 1rem;
        text-align: center;
      }
    </style>
    <style>
      .wrapBox {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
      }
      .thead {
        width: 100%;
        height: 5rem;
        background: #334d80;
        color: #fff;
        padding-top: 0.5rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
      }
      .theadDiv {
        width: 10rem;
        height: 100%;
      }

      .theadBox {
        /* width:15%; */
        flex: 1;
        height: auto;
        display: inline-block;
        color: #fff;
        font-size: 1rem;
        text-align: center;
        vertical-align: middle;
      }

      .theadBox > span {
        width: 100%;
        height: 2rem;
        line-height: 2rem;
        display: inline-block;
      }

      /* 内容部分 */
      .tbody {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
      }
      .content {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
      }
      .rowTimeAm {
        width: 10rem;
        height: 12rem;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        position: relative;
      }

      .rowTimePm {
        width: 10rem;
        height: 12rem;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        position: relative;
      }

      .dayBox {
        width: 100%;
        height: 3rem;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -5rem;
        margin-top: -1.5rem;
      }

      .dayAfter {
        width: 100%;
        height: 1.5rem;
        line-height: 1.5rem;
        display: block;
        text-align: center;
        font-size: 1rem;
        /* position: absolute; */
      }
      .dayAfterEng {
        width: 100%;
        height: 1.5rem;
        line-height: 1.5rem;
        display: block;
        text-align: center;
        font-size: 1rem;
        /* position: absolute; */
      }

      .rowTxt,
      .rowTxt2 {
        flex: 1;
        height: auto;
        display: inline-block;
        color: #fff;
        font-size: 1rem;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #000;
        display: flex;
        flex-direction: row;
      }
      .rowTxt > div,
      .rowTxt2 > div {
        border-right: 1px solid #000;
        width: 20%;
      }
      textarea {
        border: none;
        resize: none;
      }
      .textBgColor {
        width: 100%;
        height: 100%;
        background: #ffffff;
      }
      .textBgColor2 {
        width: 100%;
        height: 100%;
        background: #f2f3f8;
      }
      .btnBox {
        width: 100%;
        height: auto;
        position: relative;
        text-align: center;
      }
      .leftBtn {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        position: absolute;
        left: 10%;
        top: 1.5rem;
        color: #fff;
        font-size: 1.5rem;
        cursor: pointer;
        /* background:red; */
      }

      .rightBtn {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        position: absolute;
        right: 2rem;
        top: 1.5rem;
        color: #fff;
        font-size: 1.5rem;
        cursor: pointer;
        /* background:red; */
      }

      .rowTxt div:nth-child(odd) {
        background: #ffffff;
        color: #000;
      }
      .rowTxt div:nth-child(even) {
        background: #f2f3f8;
        color: #000;
      }

      .rowTxt2 div:nth-child(odd) {
        background: #f2f3f8;
        color: #000;
      }
      .rowTxt2 div:nth-child(even) {
        background: #ffffff;
        color: #000;
      }

      /* 弹框 */
      .model {
        width: 24rem;
        height: 34rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -17rem;
        margin-left: -12rem;
        border: 1px solid #000;
        background: #fff;
        display: none;
      }
      .model > div {
        text-align: center;
      }

      .topMenu {
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        display: flex;
        flex-direction: row;
      }
      .leftDiv,
      .rightDiv {
        display: flex;
        flex-direction: row;
      }
      .itemTab {
        width: 164px;
        height: 41px;
        line-height: 43px;
        border: 1px solid #334d80;
        border-radius: 22px;
        padding: 0;
        text-align: center;
        cursor: pointer;
        font-size: 22px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #61759c;
      }
      .tabCont {
        background: #ffffff;
        box-shadow: 0px 0px 10px 0px rgb(64 91 144 / 30%);
        border-radius: 20px;
        margin-top: 15px;
        height: 95%;
      }
      .tabCont .layui-table-tool {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
      }
      .tabCont .layui-table,
      .layui-table-view {
        margin: 0;
      }
      .active {
        background-color: #334d80;
        color: #fff;
      }
      .refresh {
        position: relative;
      }
      .refresh .allchecked {
        position: absolute;
        left: 50px;
        top: 2px;
        color: #334d80;
        z-index: 9;
      }
      .refresh .layui-form-checkbox[lay-skin="primary"] {
        /* background: url(../layuiadmin/images/allCheck.png); */
        border: none;
        outline: none;
      }
      #c_all {
        visibility: hidden;

        left: 0;
        position: absolute;
        display: inline-block;
        width: 92px;
        height: 36px;
      }
      .layui-table-tool-temp .layui-btn:hover {
        color: #334d80;
      }
    </style>
  </head>
  <body>
    <div class="layui-fluid">
      <div class="layuiWraper">
        <div class="tabWraper">
          <div class="leftDiv">
            <div class="cy_hy itemTab" data-id="1" data-meetingType="2">
              <i class="iconfont icon-duoren"></i>参与会议
            </div>
            <div
              class="ks_hy itemTab"
              data-id="2"
              data-meetingType="1"
              style="margin-left: 30px"
            >
              <i class="iconfont icon-huiyi"></i>科室会议
            </div>
          </div>
          <div class="rightDiv">
            <div class="wzk itemTab" data-id="3" data-meetingDone="2">
              <i class="iconfont icon-zhengzaizhaokai"></i>未召开
            </div>
            <div
              class="yzk itemTab"
              data-id="4"
              data-meetingDone="1"
              style="margin-left: 30px"
            >
              <i class="iconfont icon-kaishi"></i>已召开
            </div>
          </div>
        </div>
        <div class="tabCont"></div>
      </div>
    </div>
    <script type="text/html" id="meetingOperaNot">
      <div class="meetingsMagBox">
        <div class="meetingsMagBtn">
          {{# if(d.meetingOriginator == layui.sessionData("user").key ){ }}
          <a
            class="layui-btn meetingChangeBtn"
            lay-event="meetingChange"
            style="margin-left:10px;"
            >会议变更</a
          >
          <a class="layui-btn meetingDetailsBtn" lay-event="meetingDetails"
            >详细信息</a
          >
          {{# }else { }}
          <a
            type="button"
            class="layui-btn meetingChangeBtn layui-btn-disabled"
            style="margin-left:10px; "
            >会议变更</a
          >
          <a class="layui-btn meetingDetailsBtn" lay-event="meetingDetails"
            >详细信息</a
          >
          {{# } }}
        </div>
      </div>
    </script>
    <script type="text/html" id="meetingOperaDone">
      <div class="meetingsMagBox">
        <div class="meetingsMagBtn">
          <a class="layui-btn meetingDetailsBtn" lay-event="meetingDetails"
            >详细信息</a
          >
        </div>
      </div>
    </script>
    <script type="text/html" id="toolbarOpear">
      <!-- <button class="layui-btn opearBtn refresh">
        <input
          lay-skin="primary"
          type="checkbox"
          id="c_all"
          name="type"
          lay-filter="c_all"
          value="checkall"
        />
        <p class="allchecked">全选</p>
      </button> -->
      <button class="layui-btn opearBtn" lay-event="LAYTABLE_COLS">
        <i class="iconfont icon-shaixuan" style="font-size: 24px;"></i>筛选
      </button>
      <button class="layui-btn opearBtn" lay-event="downloadFiles">
        <i class="iconfont icon-xiazai"></i>下载
      </button>
      <button class="layui-btn opearBtn" lay-event="refresh">
        <i class="iconfont icon-shuaxin"></i>刷新
      </button>
      <div class="changeTimeBox">
        起止时间
        <div class="layui-inline">
          <div class="layui-input-inline startTimeItem">
            <input
              type="text"
              autocomplete="off"
              id="startDate"
              class="layui-input startDate"
              name="startTime"
            />
            <img
              class="layui-dateIcon"
              src="../../layuiadmin/images/dateIcon.png"
              alt=""
            />
          </div>
          <div class="layui-form-mid">至</div>
          <div class="layui-input-inline endDateItem" style="float: left;">
            <input
              type="text"
              autocomplete="off"
              id="endDate"
              class="layui-input endDate"
              name="endTime"
            />
            <img
              class="layui-dateIcon"
              src="../../layuiadmin/images/dateIcon.png"
              alt=""
            />
          </div>
        </div>
      </div>
      <div class="meetingBox" style="display: inline-block;">
        会议名称
        <div class="layui-input-inline">
          <input
            type="text"
            autocomplete="off"
            class="layui-input"
            name="meetingName"
            id="meetingName"
          />
        </div>
      </div>
      <div style="display: inline-block; width: 200px;">
        <button
          class="layui-btn conditionalSearch"
          style="display:inline-block; margin-left: 10px;"
          lay-submit
          lay-filter="conditionalSearch"
        >
          <i class="layui-icon layui-icon-search"></i>搜索
        </button>
        <button
          type="button"
          class="layui-btn conditionalEmpty"
          style="display:inline-block"
          lay-filter="conditionalClear"
          lay-submit
        >
          <i class="layui-icon layui-icon-close"></i>
          清空
        </button>
      </div>
    </script>
    <script type="text/html" id="meetingChangeForm">
      <div class="meetingChangeSection">
        <div class="changeMeetingBtn">
          <div class="selectionBox">
            <img src="../../layuiadmin/images/changeMeeting.png" />
          </div>
          <h4>变更会议</h4>
        </div>
        <div class="cancelchangeMeetingBtn">
          <div class="selectionBox">
            <img src="../../layuiadmin/images/cancelMeeting.png" />
          </div>
          <h4>取消会议</h4>
        </div>
      </div>
    </script>
    <script type="text/html" id="meetAddressSelect">
      <div class="meetingSelection">
        <div class="onlineMeeting">
          <div class="selectionBox">
            <img src="../../layuiadmin/images/online.png" />
          </div>
          <h4>线上会议</h4>
        </div>
        <div class="offlineMeeting">
          <div class="selectionBox">
            <img src="../../layuiadmin/images/offline.png" />
          </div>
          <h4>线下会议</h4>
        </div>
        <div class="layui-form-item layui-hide">
          <input
            type="button"
            lay-submit
            lay-filter="recordSubmit"
            id="recordSubmit"
            value="确认添加"
          />
          <input
            type="button"
            lay-submit
            lay-filter="layuiadmin-app-form-edit"
            id="layuiadmin-app-form-edit"
            value="确认编辑"
          />
        </div>
      </div>
    </script>
    <!-- 会议信息||添加会议 -->
    <script type="text/html" id="addMeetingForm">
      <form lay-filter="addMeetingForm" class="layui-form model-form">
        <input name="type" id="type" type="hidden" />
        <div class="layui-form-item">
          <label class="layui-form-label">会议名称</label>
          <div class="layui-input-block">
            <input
              name="meetingHeadline"
              type="text"
              class="layui-input"
              autocomplete="off"
              id="meetingHeadline"
            />
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label changeTimeOrAdd">会议时间</label>
          <div class="layui-input-block">
            <div id="meetingTime"></div>
            <input
              type="text"
              class="layui-input"
              id="meetingDate"
              autocomplete="off"
              lay-verify="required"
              name="meetingDate"
              lay-verify="required"
              style="position: relative;"
            />
            <input type="hidden" id="appointmentDate" value="6,7" />
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label">归属项目</label>
          <div class="layui-input-block">
            <div id="attributionProject" class="xm-select-demo"></div>
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">会议议程</label>
          <div class="layui-input-block">
            <textarea class="layui-textarea" name="content" id="meetingContent">
1.项目方案讨论会</textarea
            >
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">会议召集</label>
          <div class="layui-input-block">
            <input
              type="text"
              class="layui-input"
              name="orgUserNumber"
              autocomplete="off"
              id="orgUserNumber"
              disabled
            />
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label">参会人员</label>
          <div class="layui-input-block">
            <div id="participantsN" class="xm-select-demo"></div>
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label"></label>
          <div class="layui-input-block">
            <div id="participantsW" class="xm-select-demo"></div>
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">会议备注</label>
          <div class="layui-input-block">
            <textarea class="layui-textarea" name="remarks"></textarea>
          </div>
        </div>
        <div class="layui-form-item meetingScheduleBtn">
          <button
            class="layui-btn meetingNotice layui-btn-disabled"
            type="button"
            disabled="disabled"
          >
            会议通知单
          </button>
          <button
            class="layui-btn enterMeeting"
            type="button"
            lay-filter="formSubmit"
            lay-submit
          >
            确定
          </button>
        </div>
      </form>
    </script>
    <script type="text/html" id="changeTimeForm">
      <div class="changeTimeAddBox" style="height: 240px;">
        <div class="changeTimeBar" style="margin-left: 20px;">
          <ul></ul>
        </div>
      </div>
    </script>
    <script type="text/html" id="outChangeTimeForm">
      <form class="layui-form" action="" lay-filter="layuiadmin-app-form-list">
        <select
          name="reviewStatus"
          class="changeAddress"
          id="changeAddress"
          lay-filter="changeAddressFilter"
        >
          <option value="0"></option>
        </select>
      </form>
      <div class="changeTimeAddBox">
        <div class="changeAddBar"></div>
        <div class="changeTimeBar"><ul></ul></div>
      </div>
    </script>
    <script src="../../layuiadmin/modules/const_config.js"></script>
    <script src="../../layuiadmin/modules/jTools.js"></script>
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script>
      layui
        .config({
          base: "../../layuiadmin/", //静态资源所在路径
        })
        .extend({
          index: "lib/index", //主入口模块
          xmSelect: "xm-select",
        })
        .use(["index", "xmSelect", "meetingsManagement"], function () {});
    </script>
  </body>
</html>
